<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Introducing Morningstar® QuoteSpeed™ Stock News API</title>
		<link href="chartdemo.css" type="text/css" rel="stylesheet" />
		<style>
			body{font-size:11px}
			.left{float:left;width:370px; height:350px; padding:5px 0; margin-right:15px}
			.right{float:right;width:585px;height:350px;padding:5px 0;}
			.download-section{float:left;width:600px; height:350px; padding:5px 0;border-top:2px solid #333;margin:15px 10px;}
			.demo-section {float:left;width:350px; height:350px; padding:5px 0;border-top:2px solid #333;margin:15px 10px;}
			h1{font-size:17px;font-family:Verdana,Arial,Helvetica,sans-serif; margin:0}
			h2{margin:0;font-size:16px;}
			h3{margin:0;font-size:12px;}
			h4{margin:10px 0;font-size:11px;}
			.d-left{ float:left;width:600px; height:100px; margin:0 10px 0 0 }
			.d-right{float:left;width:340px;height:300px;margin:10px 10px 0 0}
			.header{ font-weight:bold;}
			.row{float:left; height:30px}
			.d-right .row{ width:100%}
			.h-row{float:left; height:18px; margin:0 0 5px 0}
			.col1{float:left;width:150px}
			.col2{float:left;width:150px}
			.col3{float:left;width:240px}
			.col4{float:left;width:40px}
			.download-section a { font-style:italic; cursor:hand; cursor:pointer;text-decoration:none;}
			.download-section a:hover {text-decoration:underline;}
			.section{float:left}
			.space{float:left; width:100%;height:10px; border-top: 1px solid #666; margin-top:10px}
			ol{padding-left:20px}
			ol li{ line-height:18px}
		</style>
	</head>
	<body class="mk_bdy">
		<script>
	var Cookies = {
     get: function(name) {
         var arg = name + "=";
         var alen = arg.length;
         var clen = document.cookie.length;
         var i = 0;
         var j = 0;
         while (i < clen) {
             j = i + alen;
             if (document.cookie.substring(i, j) == arg)
                 return Cookies.getCookieVal(j);
             i = document.cookie.indexOf(" ", i) + 1;
             if (i == 0)
                 break;
         }
         return null;
     },
     getCookieVal: function(offset) {
         var endstr = document.cookie.indexOf(";", offset);
         if (endstr == -1) {
             endstr = document.cookie.length;
         }
         return unescape(document.cookie.substring(offset, endstr));
     }
 };
		</script>
	<script src="../lib/jquery.js" type="text/javascript"></script>
    <script>
//        var reloginUrl = "../newsdemologin.jsp";    // when session expired or can't login redirect this page.
//        //var intradayUrl  = "http://rtqdev.morningstar.com/opt/quote.jsp?"; // get intrayData Url.
//        if (Cookies.get("SessionID") == null) {
//        	window.location.href = reloginUrl;
//        }
    </script>
        <div class="mk_wrap_all">
            <!--[If !IE]> Header <![endif]-->
            <div class="mk_hdr_wrap mk_txt_11on16">
                <div class="mk_hdr_cnt">
                    <img height="50" border="0" usemap="#Map" alt="Morningstar" src="IM/mk_quotespeed_mornlogo.png">
                    <map id="Map" name="Map">
                        <area alt="Morningstar" href="http://www.morningstar.com/" coords="16,7,158,40" shape="rect"/>
                    </map>
                </div>
            </div>
            <div style="padding-bottom: 10px;" class="mk_bdy_wrap">
				<div style=" float:left;border-top:2px solid #333;margin:5px 10px;">
					
			    <div class="left">
			    	<h1>Introducing Morningstar® QuoteSpeed™ Stock News API</h1>
				    <p>Morningstar® QuoteSpeed™ Stock News is a web-based component which using javascript and css.</p>
					<p>Characteristics include:</p>
					<ol>
					<li>No installation or plug-ins required</li>
					<li>Fast, flexible and easy to configure</li>
					</ol>
					<p>To learn how to implement our components, please review the documentation, demo pages.</p>
				</div>
                <div class="right"><img src="IM/news.png"></div>
                </div>
				<div>
				<div class="download-section">
					<h2>Download</h2>
					<div class="space"></div>
					<div class="d-left">
                        <div class="h-row">
                            <div class="header col1">
                                JavaScript Libary
                            </div>
                            <div class="header col2">
                                CSS
                            </div>
                            <div class="header col3">
                                Developer’s Guide
                            </div>
							<div class="header col4">Version</div>
                        </div>        
						  <div class="row">
                            <div class="col1">
                                <a href="../qsnews/mstar_qs_news_1.0.js">mstar_qs_news_1.0.js</a>
                            </div>
                            <div class="col2">
                                <a href="../qsnews/mstar_qs_news_1.0.css">mstar_qs_news_1.0.css</a>
                            </div>
                            <div class="col3">
                                <a href="../qsnews/doc/Morningstar_News_API_Guide_v1.0.doc">Morningstar_News_API_Guide_v1.0.doc</a>
                            </div>
							<div class="col4">1.0</div>
                        </div>
						
					</div>
				</div>	
				<div class="demo-section">
					<h2>Demos And Examples</h2>
					<div class="d-right">
						<div class="section">
							<h4>Demos</h4>
							<div class="row"><a href="newsdemo.html">News For QS UI</a></div>
						</div>
					</div>
					
				</div>	
				</div>

            </div>
            <!--[If !IE]> Footer <![endif]-->
            <div class="mk_ftr_wrap mk_txt_10on14">
                <div class="mk_ftr_cnt">
                    <p class="mk_txt_10on14">
                        Independent.
                        Insightful. Trusted. Morningstar provides stock market analysis;
                        equity, mutual fund, and ETF research, ratings, and picks; portfolio
                        tools; and option, hedge fund, IRA, 401k, and 529 plan research. Our
                        reliable data and analysis can help both experienced enthusiasts and
                        newcomers.
                    </p>
                    <p class="mk_txt_10on14">
                        &copy; Copyright 2011 Morningstar, Inc. All rights reserved. Please read our <a href="http://www.morningstar.com/AboutUs/copyright.html">Terms of Use</a>
                        and <a href="http://members.morningstar.com/memberstpages/PrivacyPolicy.html">Privacy Policy</a>.
                    </p>
                </div>
            </div>
        </div>

</body>

</html>
